<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/jquery/jquery-1.7.2.min.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	
});

function validate(){
	if($('#name').val() === "" ) {
		//$('#name' + '_error').html('cannot be null');
		//return false;
		return true;
	}
}
</script>

<title>Create Account</title>
</head>
<body>
	<div class="row-fluid"><br><br>
		<div class="well span5 offset3">
			<form:form id="createAccountForm" class="form-horizontal" action="/account/create" modelAttribute="signingUpUser"  method="POST">
				<p>Create FeedXpress Account</p>
				<div class="control-group">
					<label class="control-label" for="name">Name</label>
					<div class="controls">
						<form:input path="name" placeholder="Name"/>
						<span id="name_error"></span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="emailAddress">Email Id</label>
					<div class="controls">
						<form:input path="emailAddress" placeholder="Email Id"/>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="password">Password</label>
					<div class="controls">
						<form:input type="password"  path="password" placeholder="Password"/>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="retypedPassword">Retype
						Password</label>
					<div class="controls">
						<form:input path="retypedPassword" placeholder="Retype password" />
					</div>
				</div>
				<div class="control-group">
					<div class="controls">
						<button class="btn btn-primary" onclick="return validate();">Create
							FeedEx Account</button>
					</div>
				</div>
			</form:form>
		</div>
	</div>
</body>
</html>